<style>
    .weui_tabbar {
        position: fixed;
    }
    body {
        padding-bottom: 60px;
    }
</style>
<template>
    <div>
	  	<tabbar style="background-color: rgb(43,165,187)">
		    <tabbar-item v-for="list in narList" :link="list.path">
		      <img slot="icon" :src="list.src">
		      <span slot="label" style="color: rgb(221,221,221)">{{list.text}}</span>
		    </tabbar-item>
	  	</tabbar>
    </div>
</template>
<script lang="babel">
	import Tabbar from 'vux/dist/components/tabbar'
	import TabbarItem from 'vux/dist/components/tabbar-item'

    export default {
    	components: {
    		Tabbar,
    		TabbarItem
    	},
        ready (){
            
        },
        data: function () {
        	return {
        		narList: [
        			{ src: "src/img/home.png", text: "主页", path: "/indexPage"},
        			{ src: "src/img/dingw.png", text: "注册", path: "/regist" },
        			{ src: "src/img/user.png", text: "我的", path: "/user" }
        		]
        	}
        }
    }
</script>